<template>
  <div class="setup">
      <my-head title="设置" :go="true" :ri="false"></my-head>
      <div class="content">

        <div class="list">
          <div class="item" @click="goto('usehelp')">
            <div>使用帮助</div>
            <span></span>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
          <div class="item" @click="goto('aboutus')">
            <div>关于我们</div>
            <span></span>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
          <div class="item">
            <div>客服电话</div>
            <span>4001191199</span>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
        </div>

        <div class="list">
          <div class="item">
            <div>缓存清理</div>
            <span>0.0M</span>
            <!-- <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg> -->
          </div>
        </div>

        <div class="btn">
          <button @click="exit">退出当前账号</button>
        </div>

      </div>
  </div>
</template>

<script>
import Head from '@/components/Head'
export default {
  data(){
    return {

    }
  },
  methods:{
    // 退出登录
    exit(){
      sessionStorage.removeItem("id");
      this.$router.push({path:"/my"})
    },
    goto(val){
      this.$router.push({path:"/"+val})
    }
    
  },
  components:{
    myHead:Head
  }
}
</script>

<style scoped lang="less">
  .setup{
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    .content{
      flex: 1;
      .list{
        margin-top: 0.11rem;
        .item{
          background: #fff;
          display: flex;
          flex-direction: row;
          padding: 0.21rem 0.16rem;
          border-bottom: 0.01rem solid #f4f4f4;
          font-size: 0.16rem;
          div{
            flex: 1;
          }
        }
        .item:last-child{
          border: 0;
        }
      }
      .btn{
        padding: 0.21rem;
        button{
          background: #ff8b38;
          color: #fff;
          width: 100%;
          text-align: center;
          border: 0;
          font-size: 0.16rem;
          padding: 0.16rem 0;
        }
      }
    }
  }
</style>
